@import 'utils';

.navbar {
  display: flex;
  justify-content: center;
  .navbar-wrapper {
    height: 5rem;
    // margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @include media('<small') {
      flex-direction: column;
    }
    .navbar-brand {
      font-size: 2.25rem;
      font-family: 'Inconsolata', monospace;
      font-weight: 700;
    }

    .navbar-right {
      display: flex;
      align-items: center;
      @include media('<small') {
        justify-content: space-between;
      }
      .navbar-user {
        margin-left: 3rem;
        margin-right: 0.7rem;
      }
    }
  }
}
